div.menu {
    display: inline-block;
    background: #323232;
    padding: 1em;
    border-radius: 5px;
    width: 40em;
    margin: 1em 0;
}

a.menu-name {
    color: #14FFEC;
    text-decoration: none;
    font-size: 2em;
}

a.menu-element-level {
    margin: 1em 0;
    background: #0D7377;
    padding: 1em;
    border-radius: 5px;
    display: block;
    color: #f5f5f5;
    text-decoration: none;
}

a.menu-element-level span.menu-element-name {
    text-decoration: underline;
}

a.menu-element-level:hover {
    background: #18797c;
    cursor: pointer;
}

div.menu-element-description {
}

div.menu-element-description p {
    color: #e5e4e4;
}

a.second-level-element {
    background: #323232;
    font-size: .9em;
    margin: 0.5em;
}

a.second-level-element:hover {
    background: #3e3e3e;
    cursor: pointer;
}

span.no-subelements {
    color: #f5f5f5;
    margin: 1em;
    display: block;
}


a.third-level-element {
    background: #3e3e3e;
    font-size: .9em;
    margin: 0.5em;
}

a.third-level-element:hover {
    background: #3e3e3e;
}


div.list-of-menu-names {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: .5em;
    font-size: 1.5em;
    display: inline-block;
}

div.list-of-menu-names span {
    color: #f5f5f5;
    display: block;
    margin-bottom: .5em;
}

div.list-of-menu-names a {
    color: #e5e4e4;
    margin: 0 .5em;
    font-size: .8em;
}
